<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link href="assets/css/codemirror.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="font/css/font-awesome.min.css"/>
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/js/ace-extra.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <script src="assets/dist/echarts.js"></script>
    <script type="text/javascript" src="js/H-ui.js"></script>
    <title>在线缴费</title>
</head>

<body>
<div class="margin clearfix">
    <div class="defray_style">
        <div class="alert alert-danger">
            <button type="button" class="close" data-dismiss="alert"><i class="fa fa-remove"></i></button>
            注：暂时只支持微信支付，以后系统会继续升级，将支持更多种的支付方式，敬请期待。
        </div>
        <!--支付列表-->
        <div class="defray_list cover_style clearfix">
            <div class="type_title">支付方式</div>
            <div class="defray_content clearfix">
                <ul class="defray_info">
                    <li class="defray_name">微信支付</li>
                    <li class="name_logo"><img src="products/black/weixin.jpg" width="100%" height="150px;"/></li>
                    <li class="description">微信支付是集成在微信客户端的支付功能，用户可以通过手机完成快速的支付流程。</li>
                    <li class="operating">
                        <a href="javascript:void(0)" onclick="alert('跳转支付界面')" class="btn btn-block btn-success">支付</a>
                    </li>
                </ul>
                <ul class="defray_info">
                    <li class="defray_name">支付宝</li>
                    <li class="name_logo"><img src="products/black/zhifb.jpg" width="100%" height="150px;"/></li>
                    <li class="description">支付宝（中国）网络技术有限公司是国内领先的第三方支付平台，致力于提供“简单、安全、快速”的支付解决方案</li>
                    <li class="operating">
                        <a href="javascript:void(0)" class="btn btn-block btn-danger disabled">未启用</a>
                    </li>
                </ul>
                <ul class="defray_info">
                    <li class="defray_name">银联</li>
                    <li class="name_logo"><img src="products/black/yinglian.jpg" width="100%" height="150px;"/></li>
                    <li class="description">中国银联是中国银行卡联合组织，通过银联跨行交易清算系统，实现商业银行系统间的互联互通。</li>
                    <li class="operating">
                        <a href="javascript:void(0)" class="btn btn-block btn-danger disabled">未启用</a>
                    </li>
                </ul>
                <ul class="defray_info">
                    <li class="defray_name">易宝支付</li>
                    <li class="name_logo"><img src="products/black/yozhif.jpg" width="100%" height="150px;"/></li>
                    <li class="description">易宝支付是中国支付行业的开创者和领导者，也是互联网金融和移动互联领军企业。</li>
                    <li class="operating">
                        <a href="javascript:void(0)" class="btn btn-block btn-danger disabled">未启用</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>
